const uint8_t index[]={
"﻿<html>\r\n"
"<head>\r\n"
"<title>安徽天虹数码科技股份有限公司——EN-201参数设置</title>\r\n"
"<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />\r\n"
"<meta http-equiv='pragma' content='no-cache' /> \r\n"
"<meta http-equiv='content-type' content='no-cache, must-revalidate' />\r\n"
"<style>\r\n"
"body{background-color:transparent;}\r\n"
"body,h3,p,div{\r\n"
" 	margin:0;\r\n"
" 	padding:0;\r\n"
" 	margin-left: 1px;\r\n"
" 	text-align: left;\r\n"
" 	font: normal 14px 'omnes-pro', Helvetica, Arial, sans-serif;\r\n"
" 	} \r\n"
" #header {\r\n"
"	position: relative;	\r\n"
"	margin: auto;\r\n"
" }\r\n"
" #header h2 {	\r\n"
"	vertical-align: middle;	\r\n"
"	font-size: 30px;\r\n"
"	font-weight: bold;\r\n"
"	text-decoration: none;\r\n"
"	color: #006699;\r\n"
"	margin-left: 50px;\r\n"
"	text-align: left;\r\n"
" } \r\n"
" .imgPlace{ position:relative; top:5px; left:50px;/*right:5px;bottom:5px*/}\r\n"
" .usual { \r\n"
"	 background:transparent; \r\n"
"	 color:#111;	 \r\n"
"	 padding:15px 20px; \r\n"
"	 width:auto; 	 \r\n"
"	 margin:8px auto; \r\n"
" } \r\n"
" \r\n"
" .usual div{ \r\n"
"	 padding: 10px 10px 10px 10px; \r\n"
"	 *padding-top:3px; 	 \r\n"
"	 *margin-top:15px;\r\n"
"	 clear:left; 	 \r\n"
"	 background:#EEF3FF;	 \r\n"
" } \r\n"
" .usual h3{margin-top:1px;margin-left:30px;font-size:24px;text-decoration:none;font-weight:bold;color:blue;}\r\n"
" .usual p{margin-top:0;margin-bottom:10px;}\r\n"
" .usual label{margin-left:10px;}\r\n"
" .ipt label{float:left;padding-top:3px;padding-left:10px;text-align:left;width:130px;} \r\n"
"  /* CSS for Buttons */\r\n"
".btn {\r\n"
"	background: #3498db;\r\n"
"	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);\r\n"
"	background-image: -moz-linear-gradient(top, #3498db, #2980b9);\r\n"
"	background-image: -ms-linear-gradient(top, #3498db, #2980b9);\r\n"
"	background-image: -o-linear-gradient(top, #3498db, #2980b9);\r\n"
"	background-image: linear-gradient(to bottom, #3498db, #2980b9);\r\n"
"	-webkit-border-radius: 28;\r\n"
"	-moz-border-radius: 28;\r\n"
"	border-radius: 28px; \r\n"
"	color: #ffffff;	\r\n"
"	font-size: 13px;\r\n"
"	padding: 3px 10px 3px 10px;\r\n"
"	text-decoration: none;\r\n"
"}\r\n"
"</style>\r\n"
"<script>\r\n"
" function AJAX(url, callback)\r\n"
" { \r\n"
"	 var req = AJAX_init(); \r\n"
"	 req.onreadystatechange = AJAX_processRequest; \r\n"
"	 function AJAX_init() { \r\n"
"		 if (window.XMLHttpRequest) { \r\n"
"		 	return new XMLHttpRequest(); \r\n"
"		 } else if (window.ActiveXObject) { \r\n"
"		 	return new ActiveXObject('Microsoft.XMLHTTP'); \r\n"
"		 } \r\n"
"	 };	  \r\n"
"	 function AJAX_processRequest() { \r\n"
"		 if(req.readyState == 4) { \r\n"
"		 	if(req.status == 200) { \r\n"
"		 	if(callback) \r\n"
"		 		callback(req.responseText); \r\n"
"		 	} \r\n"
"		 } \r\n"
"	 }; 	 \r\n"
"	 this.doGet = function() { \r\n"
"		 req.open('GET', url, true); \r\n"
"		 req.send(null); \r\n"
"	 };	  \r\n"
"	 this.doPost = function(body) { \r\n"
"		 req.open('POST', url, true); \r\n"
"		 req.setRequestHeader('Content-Type', \r\n"
"		 'application/x-www-form-urlencoded'); \r\n"
"		 req.setRequestHeader('ISAJAX','yes'); \r\n"
"		 req.send(body); \r\n"
"	 }; \r\n"
" }; \r\n"
" function $(id){return document.getElementById(id);}  \r\n"
" function $$(id){return document.getElementsByName(id);}  \r\n"
" function $$_ie(tag, name){ \r\n"
"	 if(!tag){tag='*';}	  \r\n"
"	 var elems=document.getElementsByTagName(tag); \r\n"
"	 var res=[]; \r\n"
"	 for(var i=0;i<elems.length;i++){ \r\n"
"		 att=elems[i].getAttribute('name'); \r\n"
"		 if(att==name){ \r\n"
"		 	res.push(elems[i]); \r\n"
"		 } \r\n"
"	 } \r\n"
"	 return res; \r\n"
" }  \r\n"
" function selset(id,val){\r\n"
" 	var o=$(id);\r\n"
" 	for(var i=0;i<o.options.length;i++){\r\n"
" 		if(i==val){\r\n"
" 			o.options[i].selected=true;\r\n"
" 			break;\r\n"
" 		}\r\n"
" 	}\r\n"
" }  \r\n"
" function selset_name(name, val){\r\n"
" 	var o=$$(name);\r\n"
" 	for(var i=0;i<o.options.length;i++){\r\n"
" 		if(i==val){\r\n"
" 			o.options[i].selected=true;\r\n"
" 			break;\r\n"
" 		}\r\n"
" 	}\r\n"
" } \r\n"
" function DevinfoCallback(o){ 	 \r\n"
"	 $('txtFwver').value=o.fwver;\r\n"
"	 $('txtDname').value=o.devname;\r\n"
"	 $('txtPcode').value=o.pcode; \r\n"
"	 $('txtMac').value=o.mac;	\r\n"
" }  \r\n"
" function getDevinfo(){ \r\n"
"	 var oUpdate; \r\n"
"	 setTimeout(function(){\r\n"
"	 	oUpdate=new AJAX('get_devinfo.cgi',function(t){\r\n"
"	 		try{eval(t);}catch(e){alert(e);}\r\n"
"	 });	 	 \r\n"
"	 oUpdate.doGet();},300);	 \r\n"
" } \r\n"
" \r\n"
" var dhcp_enabled = 0; \r\n"
" function NetinfoCallback(o){\r\n"
" 	 $('txtIp').value=o.ip;	 \r\n"
"	 $('txtGw').value=o.gw;\r\n"
"	 $('txtSub').value=o.sub;\r\n"
"	 $('txtPort').value=o.port;\r\n"
"	 if(typeof(window.external)!='undefined'){\r\n"
"	 	obj=$$_ie('input','dhcp');\r\n"
"	 }else{\r\n"
"	 	obj=$$('dhcp');\r\n"
"	 }\r\n"
"	 for(var i=0; i<obj.length;i++){\r\n"
"	 	if(i==o.dhcp){\r\n"
"	 		obj[i].checked=true;\r\n"
"	 		netinfo_block(i);	 		\r\n"
"	 		break;\r\n"
"	 	}\r\n"
"	 }	\r\n"
" } \r\n"
" function getNetinfo(){ \r\n"
"	 var oUpdate; \r\n"
"	 setTimeout(function(){\r\n"
"	 	oUpdate=new AJAX('get_netinfo.cgi',function(t){\r\n"
"	 		try{eval(t);}catch(e){alert(e);}\r\n"
"	 });	 	 \r\n"
"	 oUpdate.doGet();},300);	 \r\n"
" }  \r\n"
" function netinfo_block(o){\r\n"
" 	if(o == 1) { 	// Using DHCP setting, Netinfo inputbox blocked\r\n"
"		// Input field disabled\r\n"
"		$('txtIp').disabled=true;	 \r\n"
"		$('txtGw').disabled=true;\r\n"
"		$('txtSub').disabled=true;\r\n"
"		$('txtPort').disabled=true;\r\n"
"		dhcp_enabled = 1;\r\n"
" 	} else {		// Static setting, Netinfo inputbox unblocked\r\n"
" 		$('txtIp').disabled=false;	 \r\n"
"		$('txtGw').disabled=false;\r\n"
"		$('txtSub').disabled=false;\r\n"
"		$('txtPort').disabled=false;\r\n"
"		dhcp_enabled = 0;\r\n"
" 	} 	\r\n"
" }\r\n"
" \r\n"
" function setDevinfo(){\r\n"
" 	var str = $('txtDname').value;\r\n"
" 	setTimeout(function(){ 		 \r\n"
"		 dout=new AJAX('set_devinfo.cgi', function(t){ \r\n"
"		 	try{eval(t);}catch(e){alert(e);} \r\n"
"		 }); \r\n"
"		 dout.doPost('devname='+str); 		 \r\n"
"	},300);\r\n"
" }\r\n"
" \r\n"
" function setNetinfo(o){\r\n"
"	var param = o.attributes['param'].value;\r\n"
"	var str;\r\n"

"	\r\n"

"	 	if(param == 'ip'){str = $('txtIp').value;}\r\n"
"	 	else if(param == 'gw'){str = $('txtGw').value;}\r\n"
"	 	else if(param == 'sub'){str = $('txtSub').value;}\r\n"
"	 	else if(param == 'dns'){str = $('txtDns').value;}\r\n"
"	 	else if(param == 'port'){str = $('txtPort').value;}\r\n"

"	\r\n"

"	 	setTimeout(function(){ 		 \r\n"
"			 dout=new AJAX('set_netinfo.cgi', function(t){ \r\n"
"			 	try{eval(t);}catch(e){alert(e);} \r\n"
"			 }); \r\n"
"			 dout.doPost(param+'='+str); 		 \r\n"
"		},300);\r\n"

"	alert('Will apply new settings after restart device !');\r\n"
" }\r\n"
"</script>\r\n" 
"<link rel='shortcut icon' href='/favico.ico' />\r\n"
"</head>\r\n"
" <body> \r\n"
" 	 <div id='header'>\r\n"
"		 <img border='0' src='/logo.png' width='219' height='72' class='imgPlace'>\r\n"
"		 <h2>EN-201 NET CONFIGURE</h2>	\r\n"
"	 </div>	 \r\n"
"	 <div class='usual'>\r\n"
"	 	<h3>Device Information <input type='button' class='btn' value='Get DevInfo' onclick='getDevinfo();'></h3>\r\n"
"		<br>\r\n"
"		<div class='ipt'> \r\n"
"			<p><label>Firmware version:</label><input type='text' id='txtFwver' size='20' disabled='disabled' value='' /></p> \r\n"
"			<p><label for='txtDname'>Device name:</label><input type='text' size='20' id='txtDname' name='devname' maxlength='16' value=''/> <input type='button' class='btn' value='Set' onclick='setDevinfo();'></p>\r\n"
"			<p><label>Product code: </label><input type='text' id='txtPcode' size='20' disabled='disabled' value='' /></p> \r\n"
"			<p><label>MAC address: </label><input type='text' id='txtMac' size='20' disabled='disabled' value='' /></p> \r\n"
"		</div> \r\n"
"		<br>\r\n"
"		<h3>Network Configuration <input type='button' class='btn' value='Get NetConf' onclick='getNetinfo();'></h3> \r\n"
"		<br>\r\n"
"		<div class='ipt'> 			\r\n"
"			<p><label for='txtIp'>Device IP address:</label><input id='txtIp' name='ip' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='ip' onclick='setNetinfo(this);'></p> \r\n"
"			<p><label for='txtGw'>Gateway:</label><input id='txtGw' name='gw' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='gw' onclick='setNetinfo(this);'></p> \r\n"
"			<p><label for='txtSub'>Subnet mask:</label><input id='txtSub' name='sub' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='sub'  onclick='setNetinfo(this);'></p> \r\n"
"			<p><label for='txtPort'>Control port:</label><input id='txtPort' name='port' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='port' onclick='setNetinfo(this);'></p> \r\n"
"		</div>		\r\n"
"		<br>\r\n"
"		<br>\r\n"
"		<br>\r\n"
"		<br>\r\n"
"		<br>\r\n"
"		<br>\r\n"
"		<br>\r\n"
"	 <div style='margin:5px 5px; clear:both' > \r\n"
"	 	<center>\r\n"
"	 	&copy;Copyright 2018 安徽天虹数码科技股份有限公司\r\n"
"		</center>\r\n"
"	 </div> 	 \r\n"
" </body> \r\n"
" </html>\r\n"
"\r\n"
};